<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <!-- MOTW-DISABLED saved from url=(0014)about:internet -->
    <title>How to set a chart’s background color</title>
    <link rel="StyleSheet" href="css/ChartFormatting.css" type="text/css" media="all" />
    <link rel="StyleSheet" href="css/webworks.css" type="text/css" media="all" />
    <link rel="StyleSheet" href="webworks.css" type="text/css" media="all" />
    <script type="text/javascript" language="JavaScript1.2">
      <!--
        var  WebWorksRootPath = "";
      // -->
    </script>
  </head>
  <body>
    <div style="text-align: left;">
      <table cellspacing="0" summary="">
        <tr>
          <td>
            <a href="cf-OverviewOfFormatting.html"><img src="images/prev.gif" alt="Previous" border="0" /></a>
          </td>
          <td>
            <a href="cf-HowToModifyThePlotArea.html"><img src="images/next.gif" alt="Next" border="0" /></a>
          </td>
        </tr>
      </table>
    </div>
    <hr align="left" />
    <blockquote>
      <h4 class="N_hth_HowToHelp"><a name="138172">How to set a chart’s background color</a></h4>
      <div class="N_n1_NumList1_outer" style="margin-left: 0pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="N_n1_NumList1_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <span class="zAuto_0023Format">1&nbsp;&nbsp;</span>
              </div>
            </td>
            <td width="100%">
              <div class="N_n1_NumList1_inner"><a name="650195">In the chart builder, choose Format Chart, then navigate to the Chart Area section. Use the list on the left to navigate among sections. </a><a href="#464701" title="How to set a chart’s background color">Figure&nbsp;15-2</a> shows the Chart Area section.</div>
            </td>
          </tr>
        </table>
      </div>
      <p class="i2_Image2"><a name="650210"><img class="Default" src="images/ChartFormatting.15.3.1.png" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Figure 15-2 Background option in the Chart Area section" /></a></p>
      <div class="fc2_FigCall2Title">
        <b class="Bold">Figure&nbsp;15-2&nbsp;&nbsp;</b><a name="464701">Background option in the Chart Area section</a></div>
      <div class="N_n1_NumList1_outer" style="margin-left: 0pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="N_n1_NumList1_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <span class="zAuto_0023Format">2&nbsp;&nbsp;</span>
              </div>
            </td>
            <td width="100%">
              <div class="N_n1_NumList1_inner"><a name="409623">Choose Background. The color palette opens, as shown in </a><a href="#645955" title="How to set a chart’s background color">Figure&nbsp;15-3</a>. </div>
            </td>
          </tr>
        </table>
      </div>
      <p class="i2_Image2"><a name="138187"><img class="Default" src="images/CH_WithPicker.png" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Figure 15-3 Color palette" /></a></p>
      <div class="fc2_FigCall2Title">
        <b class="Bold">Figure&nbsp;15-3&nbsp;&nbsp;</b><a name="645955">Color palette</a></div>
      <div class="N_n1_NumList1_outer" style="margin-left: 0pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="N_n1_NumList1_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <span class="zAuto_0023Format">3&nbsp;&nbsp;</span>
              </div>
            </td>
            <td width="100%">
              <div class="N_n1_NumList1_inner"><a name="881835">Use the color palette to select a background color or image as follows:</a></div>
            </td>
          </tr>
        </table>
      </div>
      <div class="b2_Bullet2_outer" style="margin-left: 14.1732283464567pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="b2_Bullet2_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <img src="Bullet.png" alt="*" border="0" width="6" height="6" />
              </div>
            </td>
            <td width="100%">
              <div class="b2_Bullet2_inner"><a name="645960">To use one of the basic colors, select a color from the palette.</a></div>
            </td>
          </tr>
        </table>
      </div>
      <div class="b2_Bullet2_outer" style="margin-left: 14.1732283464567pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="b2_Bullet2_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <img src="Bullet.png" alt="*" border="0" width="6" height="6" />
              </div>
            </td>
            <td width="100%">
              <div class="b2_Bullet2_inner"><a name="348453">To use a transparent background, use the Opacity scroll tool to set the opacity to 0, then press Enter.</a></div>
            </td>
          </tr>
        </table>
      </div>
      <div class="b2_Bullet2_outer" style="margin-left: 14.1732283464567pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="b2_Bullet2_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <img src="Bullet.png" alt="*" border="0" width="6" height="6" />
              </div>
            </td>
            <td width="100%">
              <div class="b2_Bullet2_inner"><a name="138190">To use a gradient color, choose Gradient. In Gradient Editor, select a start color, end color, and rotation for the gradient pattern, as shown in </a><a href="#645939" title="How to set a chart’s background color">Figure&nbsp;15-4</a>.</div>
            </td>
          </tr>
        </table>
      </div>
      <p class="i3_Image3"><a name="138197"><img class="Default" src="images/CH_GradientEditor.png" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Figure 15-4 Setting colors and rotation for a gradient color" /></a></p>
      <div class="fc3_FigCall3Title">
        <b class="Bold">Figure&nbsp;15-4&nbsp;&nbsp;</b><a name="645939">Setting colors and rotation for a gradient color</a></div>
      <div class="b2_Bullet2_outer" style="margin-left: 14.1732283464567pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="b2_Bullet2_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <img src="Bullet.png" alt="*" border="0" width="6" height="6" />
              </div>
            </td>
            <td width="100%">
              <div class="b2_Bullet2_inner"><a name="881921">To use a custom color, choose Custom Color to show the custom color list, then select a color.</a></div>
            </td>
          </tr>
        </table>
      </div>
      <div class="b2_Bullet2_outer" style="margin-left: 14.1732283464567pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="b2_Bullet2_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <img src="Bullet.png" alt="*" border="0" width="6" height="6" />
              </div>
            </td>
            <td width="100%">
              <div class="b2_Bullet2_inner"><a name="645927">To use a background image, choose Image, then use Open to navigate to and select the image to use.</a></div>
            </td>
          </tr>
        </table>
      </div>
      <div class="N_i2_Indent2"><a name="381663">The background color or image appears in the chart builder.</a></div>
      <div class="N_n1_NumList1_outer" style="margin-left: 0pt">
        <table border="0" cellspacing="0" cellpadding="0" summary="" role="presentation">
          <tr style="vertical-align: baseline">
            <td>
              <div class="N_n1_NumList1_inner" style="width: 14.1732283464567pt; white-space: nowrap">
                <span class="zAuto_0023Format">4&nbsp;&nbsp;</span>
              </div>
            </td>
            <td width="100%">
              <div class="N_n1_NumList1_inner"><a name="381666">To apply the color to the chart, choose Finish. </a></div>
            </td>
          </tr>
        </table>
      </div>
      <p class="b_Body"><a name="645963">To define a custom color, on the color list, choose Define Custom Colors to show the custom color palette, as shown in </a><a href="#408398" title="How to set a chart’s background color">Figure&nbsp;15-5</a>. </p>
      <p class="i1_Image1"><a name="138218"><img class="Default" src="images/ChartFormatting.15.3.4.png" style="display: inline; float: none; left: 0.0; top: 0.0" alt="Figure 15-5 Color palette including custom color options" /></a></p>
      <div class="fc_FigCalloutTitle">
        <b class="Bold">Figure&nbsp;15-5&nbsp;&nbsp;</b><a name="408398">Color palette including custom color options</a></div>
      <p class="b_Body"><a name="741328">Use the options to select or define a custom color. When you finish, choose Add to Custom Colors, then choose OK.</a></p>
    </blockquote>
    <hr align="left" />
    <table align="right" summary="">
      <tr>
        <td class="WebWorks_Company_Name_Bottom">
          <a href="notices.html">(c) Copyright Actuate Corporation 2013</a>
        </td>
      </tr>
    </table>
  </body>
</html>